<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
	<%@ include file="/WEB-INF/views/jsp/pages/include/global.jsp" %>
		<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

		<html>

		<head>

			<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
			<title>铅笔岛支付渠道管理系统</title>

			<meta http-equiv="X-UA-Compatible" content="IE=edge">
			<meta content="width=device-width, initial-scale=1" name="viewport" />
			<meta content="" name="description" />
			<meta content="" name="author" />
			<!-- BEGIN GLOBAL MANDATORY STYLES -->
			<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css"/>
			<link href="${self.path.metronic}/assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
			<link href="${self.path.metronic}/assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
			<link href="${self.path.metronic}/assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
			<link href="${self.path.metronic}/assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
			<link href="${self.path.metronic}/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/>
			<!-- END GLOBAL MANDATORY STYLES -->
			<link href="${self.path.metronic}/assets/global/plugins/jstree/dist/themes/default/style.min.css" rel="stylesheet" type="text/css" />
			<link href="${self.path.metronic}/assets/global/plugins/bootstrap-toastr/toastr.min.css" rel="stylesheet" type="text/css" />
			<link href="${self.path.metronic}/assets/global/plugins/dropzone/dropzone.min.css" rel="stylesheet" type="text/css" />
        	<link href="${self.path.metronic}/assets/global/plugins/dropzone/basic.min.css" rel="stylesheet" type="text/css" />
			<!-- BEGIN THEME GLOBAL STYLES -->
			<link href="${self.path.metronic}/assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css"/>
			<link href="${self.path.metronic}/assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
			<!-- END THEME GLOBAL STYLES -->
			<!-- BEGIN THEME LAYOUT STYLES -->
			<link href="${self.path.metronic}/assets/layouts/layout2/css/layout.min.css" rel="stylesheet" type="text/css" />
			<link href="${self.path.metronic}/assets/layouts/layout2/css/themes/blue.min.css" rel="stylesheet" type="text/css" id="style_color"/>
			<link href="${self.path.metronic}/assets/layouts/layout2/css/custom.min.css" rel="stylesheet" type="text/css" />
			<!-- END THEME LAYOUT STYLES -->
			
			<link href="${self.path.resources}/console/css/index.css" rel="stylesheet" type="text/css" />
			
			<script>
				var context = '<%= request.getContextPath()%>';
			</script>
			
		</head>
		<!-- END HEAD -->

		<body class="page-header-fixed page-sidebar-closed-hide-logo page-container-bg-solid">
			<!-- BEGIN HEADER -->
			<div class="page-header navbar navbar-fixed-top">
				<!-- BEGIN HEADER INNER -->
				<div class="page-header-inner ">
					<!-- BEGIN LOGO -->
					<div class="page-logo">
						<a href="javascript:;">
							<img src="${self.path.metronic}/assets/layouts/layout2/img/logo-default.png" alt="logo" class="logo-default" /> </a>
						<div class="menu-toggler sidebar-toggler">
							<!-- DOC: Remove the above "hide" to enable the sidebar toggler button on header -->
						</div>
					</div>
					<!-- END LOGO -->
					<!-- BEGIN RESPONSIVE MENU TOGGLER -->
					<a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse"> </a>
					<!-- END RESPONSIVE MENU TOGGLER -->

					<!-- BEGIN PAGE TOP -->
					<div class="page-top">
						<!-- BEGIN TOP NAVIGATION MENU -->
						<div class="top-menu">
							<ul class="nav navbar-nav pull-right">								
								<!-- BEGIN USER LOGIN DROPDOWN -->
								<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
								<li class="dropdown dropdown-user">
									<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
										<img alt="" id="avatarImg1" class="img-circle" src="${self.path.base}/console/user/avatar" />
										<span class="username username-hide-on-mobile"> ${sessionShiroUser.realUser.userName} </span>
										<i class="fa fa-angle-down"></i>
									</a>
									<ul class="dropdown-menu dropdown-menu-default">
										<li>
											<a href="javascript:;" class="user_center">
												<i class="icon-user"></i> 用户中心</a>
										</li>
										
										<li>
											<a href="javascript:;" class="modify_password">
												<i class="icon-key"></i> 修改密码 </a>
										</li>
										
										<li>
											<a href="${base}/console/logout">
												<i class="icon-logout"></i> 退出 </a>
										</li>
									</ul>
								</li>
								
							</ul>
						</div>
						<!-- END TOP NAVIGATION MENU -->
					</div>
					<!-- END PAGE TOP -->
				</div>
				<!-- END HEADER INNER -->
			</div>
			<!-- END HEADER -->
			<!-- BEGIN HEADER & CONTENT DIVIDER -->
			<div class="clearfix"> </div>
			<!-- END HEADER & CONTENT DIVIDER -->
			<!-- BEGIN CONTAINER -->
			<div class="page-container">
				<!-- BEGIN SIDEBAR -->
				<div class="page-sidebar-wrapper">
					<!-- END SIDEBAR -->
					<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
					<!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
					<div class="page-sidebar navbar-collapse collapse">
						<!-- BEGIN SIDEBAR MENU -->
						<!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
						<!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
						<!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
						<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
						<!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
						<!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
						<ul class="page-sidebar-menu  page-header-fixed page-sidebar-menu-hover-submenu " data-keep-expanded="false" data-auto-scroll="true"
						 data-slide-speed="200" id="menu-ul">
							
						</ul>
						<!-- END SIDEBAR MENU -->
					</div>
					<!-- END SIDEBAR -->
				</div>
				<!-- END SIDEBAR -->
				<!-- BEGIN CONTENT -->
				<div class="page-content-wrapper">
					<!-- BEGIN CONTENT BODY -->
					<div class="page-content">
						<div class="tabbable tabbable-tabdrop" id="index-tab">
                            <ul class="nav nav-tabs" id="index-nav">
                                <li class="active">
                                    <a href="#tab1" data-toggle="tab">首页</a>
                                </li>
                            </ul>
                            <div class="tab-content" id="index-tab-content">
                                <div class="tab-pane active" id="tab1">
                                    <p></p>
                                </div>
                            </div>
                        </div>
					</div>
					<!-- END CONTENT BODY -->
				</div>
				<!-- END CONTENT -->
			</div>
			<!-- END CONTAINER -->
			<!-- BEGIN FOOTER -->
			<div class="page-footer">
				<div class="page-footer-inner"> 2017 &copy; 铅笔岛
					<a href="http://www.pencil-island.com" title="pencil-island"
					 target="_blank">pencil-island</a>
				</div>
				<div class="scroll-to-top">
					<i class="icon-arrow-up"></i>
				</div>
			</div>
			
			
			
			<div class="modal fade bs-modal-lg" id="modifyPasswordDialog" tabindex="-1" role="dialog" aria-hidden="false">
				<div class="modal-dialog">
				    <div class="modal-content" id="modifyPasswordDialogContent">
				        <div class="modal-header">
				            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
				            <h4 class="modal-title">修改密码</h4>
				        </div>
				        <div class="modal-body">
				        	<form action="#" class="form-horizontal" id="modifyPasswordForm">
				        		<input type="hidden" class="form-control" name="userId" value="${sessionShiroUser.realUser.userId}">
							    <div class="form-body">
							        <div class="form-group">
							            <label class="col-md-3 control-label">老密码</label>
							            <div class="col-md-8">
							                <input type="password" class="form-control" placeholder="老密码" name="oldPassword" required>
							            </div>
							        </div>
							        <div class="form-group">
							            <label class="col-md-3 control-label">新密码</label>
							            <div class="col-md-8">
							                <input type="password" class="form-control" placeholder="新密码" name="newPassword" required>
							            </div>
							        </div>
							        <div class="form-group">
							            <label class="col-md-3 control-label">确认密码</label>
							            <div class="col-md-8">
							                <input type="password" class="form-control" placeholder="确认密码" name="newPasswordConfirm" required>
							            </div>
							        </div>
							        
							    </div>
							</form>
				        </div>
				        <div class="modal-footer">
				            <button type="button" class="btn green ok">提交</button>
				            <button type="button" class="btn dark btn-outline" data-dismiss="modal">关闭</button>
				        </div>
				    </div>
				    <!-- /.modal-content -->
				</div>
			<!-- /.modal-dialog -->
			</div>


			<div class="modal fade bs-modal-lg" id="userCenterDialog" tabindex="-1" role="dialog" aria-hidden="false">
				<div class="modal-dialog">
				    <div class="modal-content" id="userCenterDialogContent">
				        <div class="modal-header">
				            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
				            <h4 class="modal-title">用户中心</h4>
				        </div>
				        <div class="modal-body">
							<div class="info">
								<form action="" class="dropzone dropzone-file-area" id="my-dropzone" style="width: 120px;height:120px;">
									
                            	</form>
								<p>登录账号：${sessionShiroUser.realUser.loginName}</p>
								<p>用户名：${sessionShiroUser.realUser.userName}</p>
							</div>
							<shiro:hasRole name="commercial_tenant">
								<div class="tenant">
									<form action="#" class="form-horizontal" id="tenantForm">				        		
										<input type="hidden" class="form-control" name="id">
										<div class="form-body">
											<div class="form-group">
												<label class="col-md-3 control-label">商户编号</label>
												<div class="col-md-8">
													<input type="text" class="form-control" placeholder="商户编号" name="code" readOnly>
												</div>
											</div>
											<div class="form-group">
												<label class="col-md-3 control-label">商户简称</label>
												<div class="col-md-8">
													<input type="text" class="form-control" placeholder="商户简称" name="name">
												</div>
											</div>
											<div class="form-group">
												<label class="col-md-3 control-label">企业名称</label>
												<div class="col-md-8">
													<input type="text" class="form-control" placeholder="企业名称" name="company">
												</div>
											</div>
											<div class="form-group">
												<label class="col-md-3 control-label">负责人</label>
												<div class="col-md-8">
													<input type="text" class="form-control" placeholder="负责人" name="charger">
												</div>
											</div>
											<div class="form-group">
												<label class="col-md-3 control-label">联系电话</label>
												<div class="col-md-8">
													<input type="text" class="form-control" placeholder="联系电话" name="tel">
												</div>
											</div>
											<div class="form-group">
												<label class="col-md-3 control-label">电子邮箱</label>
												<div class="col-md-8">
													<input type="text" class="form-control" placeholder="电子邮箱" name="email">
												</div>
											</div>
										</div>
									</form>
								</div>
							</shiro:hasRole>
				        </div>
				        <div class="modal-footer">
				            <button type="button" class="btn green ok">提交</button>
				            <button type="button" class="btn dark btn-outline" data-dismiss="modal">关闭</button>
				        </div>
				    </div>
				    <!-- /.modal-content -->
				</div>
			<!-- /.modal-dialog -->
			</div>
			
			<div id="preview-template" style="display: none;">
				<div class="dz-preview dz-file-preview">
					<div class="dz-image">
						<img data-dz-thumbnail  class="img-circle"/>
					</div>
					<div class="dz-details">
						<div class="dz-filename" data-dz-remove ><span data-dz-name></span></div>
					</div>
					<div class="dz-progress"><span class="dz-upload" data-dz-uploadprogress></span></div>
					<div class="dz-success-mark"><span>✔</span></div>
					<div class="dz-error-mark"><span>✘</span></div>
					<div class="dz-error-message"><span data-dz-errormessage></span></div>
				</div>
			</div>


			<!-- END FOOTER -->
			<!--[if lt IE 9]>
			<script src="${self.path.metronic}/assets/global/plugins/respond.min.js"></script>
			<script src="${self.path.metronic}/assets/global/plugins/excanvas.min.js"></script> 
			<![endif]-->
			<!-- BEGIN CORE PLUGINS -->
			<script src="${self.path.metronic}/assets/global/plugins/jquery.min.js" type="text/javascript"></script>
			<script src="${self.path.metronic}/assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
			<script src="${self.path.metronic}/assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
			<script src="${self.path.metronic}/assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
			<script src="${self.path.metronic}/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
			<script src="${self.path.metronic}/assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
			<script src="${self.path.metronic}/assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
			<script src="${self.path.metronic}/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
			<script src="${self.path.lib}/iTsai-webtools-min.js" type="text/javascript"></script>
			<!-- END CORE PLUGINS -->
			<script src="${self.path.metronic}/assets/global/plugins/bootstrap-tabdrop/js/bootstrap-tabdrop.js" type="text/javascript"></script>
			<script src="${self.path.metronic}/assets/global/plugins/bootstrap-toastr/toastr.min.js" type="text/javascript"></script>
			<script src="${self.path.metronic}/assets/global/plugins/jstree/dist/jstree.min.js" type="text/javascript"></script>
			<script src="${self.path.metronic}/assets/global/plugins/dropzone/dropzone.min.js" type="text/javascript"></script>
			<!-- BEGIN THEME GLOBAL SCRIPTS -->
			<script src="${self.path.metronic}/assets/global/scripts/app.min.js" type="text/javascript"></script>
			<!-- END THEME GLOBAL SCRIPTS -->
			<script src="${self.path.metronic}/assets/pages/scripts/ui-tree.min.js" type="text/javascript"></script>
			<!-- BEGIN THEME LAYOUT SCRIPTS -->
			<script src="${self.path.metronic}/assets/layouts/layout2/scripts/layout.min.js" type="text/javascript"></script>
			<script src="${self.path.metronic}/assets/layouts/layout2/scripts/demo.min.js" type="text/javascript"></script>
			<script src="${self.path.metronic}/assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
			<!-- END THEME LAYOUT SCRIPTS -->
			
			<script src="${self.path.resources}/console/js/common.js" type="text/javascript"></script>
			<script src="${self.path.resources}/console/js/index.js" type="text/javascript"></script>
		</body>

		</html>